<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <script type="text/javascript" src='../doc/jquery-1.11.1.js'></script>

</head>
<body>


<input type="file" name="file" id="file"><br>
<input type="text" name="param" id="param"><br>
<span onclick="save()">提交</span><br>

<script type="text/javascript">
function save(){
    //js 读取文件参数
    var fileObj = document.getElementById("file").files[0]; 
    if (typeof (fileObj) == "undefined" || fileObj.size <= 0) {
        alert("请选择文件");
        return;
    }
    //js 读取普通参数
    var param = document.getElementById("param").value; // js 获取文件对象
    
    //生成for文件上传对象
    var formFile = new FormData();
    formFile.append("file", fileObj); //加入文件对象
    formFile.append("param", param); //加入普通参数
    
    //使用js原生ajax方法进行提交
    // var xhr = new XMLHttpRequest();
    // xhr.open("post", "/Admin/Ajax/VMKHandler.ashx", true);
    // xhr.onload = function () {
    //     alert("上传完成!");
    // };
    // xhr.send(formFile);


    //使用jquery中的ajax
    // $.ajax({
    //     url: "/Admin/Ajax/VMKHandler.ashx",
    //     data: formFile,
    //     type: "Post",
    //     dataType: "json",
    //     processData: false,//必须 用于对data参数进行序列化处理 这里必须false
    //     contentType: false, //必须
    //     success: function (result) {
    //         alert("上传完成!");
    //     },
    // })
}








</script>
</body>
</html>


